<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="./css/index.css"> -->
</head>


<body>
    <div class="nav">
        <div class="logo">
            <span>天空之城</span>
        </div>
        <div class="login">
            <span class="span1">Q</span>
            <span class="span2">登录</span>
            <span class="span3">注册</span>
        </div>
        <div class="nav-center">
            <ul>
                <li class="active-span">首页</li>
                <li><a href="./page/探索.html">探索</a></li>
                <li><a href="./page/label.html">标签</a></li>
                <li><a href="./page/photographer.html">摄影师</a></li>
                <li>签约摄影师招募</li>
                <li>热门活动</li>
                <li>天空之城&周年影像大赛</li>
            </ul>
        </div>
    </div>

    <div class="swiper">
        <div class="swiper-container slider">
            <div class="dots"></div>
        </div>
    </div>

    <div class="list">
        <div class="list-nav">
            <span>热门航拍点</span>
            <a href="#">热门航拍点锦集</a>
        </div>
        <div class="list-content"></div>
    </div>

    <div class="content">
        <!-- 自然 -->
        <!-- <div class="content-head">
            <span></span>
            <ul class="content-dots">
                <li class="active" data-index = "0"></li>
                <li data-index = "1"></li>

            </ul>
            <div class="more">
                <span>更多&gt;</span>
            </div>
        </div>
        <ul class="content-botton"></ul> -->



    </div>
    <!-- footer -->
    <div class="foot">
        <div class="foot-content">
            <div class="foot-left">Copyright © 2022 Skypixel.com 天空之城 版权所有</div>
            <div class="foot-center">
                <ul>
                    <li>使用条款</li>
                    <li>隐私政策</li>
                    <li>内容指引</li>
                    <li>网站反馈</li>
                    <li>常见问题</li>
                </ul>
                <span>粤ICP备2022092332号</span>
            </div>
            <div class="foot-right">中文 | English</div>
        </div>
    </div>

    <!-- <script src="./js/Ajax封装.js"></script>
    <script src="./js/banner.js"></script>
    <script src="./js/list.js"></script>
    <script src="./js/content-botton.js"></script> -->


</body>

</html>